<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">  
    <meta name="keywords" content="无后端,极简风,极简风评论系统,评论系统,无后端评论系统,comment system,valine,valine comment system,simple,fast,powerful,Minimalist style">
    <meta name="description" content="A fast, simple & powerful comment system.">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta content="telephone=no,email=no" name="format-detection">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,Chrome=1">
    <title>Valine - A fast, simple & powerful comment system.</title>
    <link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/vue.css">
    <script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
    <script src="//unpkg.com/valine@latest/dist/Valine.min.js"></script>
    <link rel="shortcut icon" href="./assets/favicon.ico" />
    <link rel="apple-touch-icon" sizes="72x72" href="./assets/valine.png?v=1" />
    <!-- <script src="../dist/Valine.min.js"></script> -->
</head>

<body >
        <main style="height:inherit !important;">
            <aside class="sidebar">
                <div class="search">
                    <div class="results-panel"></div>
                </div>
                <h1>
                    <a class="app-name-link" data-nosearch="" href="/">Valine</a>
                </h1>
                <div class="sidebar-nav">
                    <ul>
                        <li>
                            <p>入门</p>
                            <ul>
                                <li><a href="/#/quickstart">快速开始</a></li>
                            </ul>
                        </li>
                        <li>
                            <p>定制化</p>
                            <ul>
                                <li><a href="/#/configuration">配置项</a></li>
                                <li><a href="/#/avatar">头像配置</a></li>
                                <li><a href="https://github.com/xCss/Valine/wiki/Valine-%E8%AF%84%E8%AE%BA%E7%B3%BB%E7%BB%9F%E4%B8%AD%E7%9A%84%E9%82%AE%E4%BB%B6%E6%8F%90%E9%86%92%E8%AE%BE%E7%BD%AE" target="_blank">邮件提醒</a></li>
                            </ul>
                        </li>
                        <li>
                            <p>指南</p>
                            <ul>
                                <li><a href="/#/hexo">Hexo中的使用</a></li>
                                <li><a href="/#/cdn">CDN</a></li>
                                <li class="active"><a href="/try.html">* 试一试</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </aside>
            <section class="content" style="overflow:auto;">
                <article class="markdown-section" id="main">
                    <h1 id="quick-start"><span>试一试</span></h1>
                    <div class="comment"></div>
                </article>
            </section>
        </main>
    <script>
        var valine = new Valine();
        valine.init({
            // notify: true,
            // verify: true,
            el: '.comment',
            appId: '3GiiCyXCrGbOIH3EelCfJ6yw-gzGzoHsz',
            appKey: 'iuneD4hXPQImdHQSRE0aOcRF',
            placeholder: 'ヾﾉ≧∀≦)o来啊，快活啊!',
            path:'/',
            avatar:'mm' // 1.1.7 新增(mm/identicon/monsterid/wavatar/retro)
        })

        if (!/^http:\/\/localhost/.test(location.href)) {
            var _hmt = _hmt || [];
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?fc2301b16d1a46c7899ef2b5afb651cc";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        }
    </script>
</body>
</html>